<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>详细信息</title>
    <script src="../js/jquery.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/commodityDetails.css">
    <script src="../js/commodityDetails.js"></script>
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
    
    <header>header</header>

    <section class="container">
        <header class="business-head">
            <div class="business-info fl">
                <img src="../img/test.jpg" alt="">
                <a href="">crawler</a>
            </div>
            <div class="check fl">
                <div class="check-time fl checked">
                    <label>宝贝浏览次数</label>
                    <br>
                    <span><b>100</b></span>
                </div>
                <div class="change-time fl checked">
                    <label>最近编辑时间</label>
                    <br>
                    <span><i>2016-11-23 12:16</i></span>
                </div>                
            </div>

            <a href="#" class="fr report">举报该宝贝</a>
        </header>

            
        <section class=details-info>
            <div class="details-left fl">
                <div class="focus-pic">
                    <div class="focus-pic-middle">
                        <div class="pic-window">
                            <div class="outside-box" id="outsideBox" style="top:0;left:0;">
                                <div class="pic-outside-box">
                                    <img src="../img/test.jpg" alt="">
                                </div>
                                <div class="pic-outside-box">
                                    <img src="../img/test3.jpg" alt="">
                                </div>
                                <div class="pic-outside-box">
                                    <img src="../img/test4.jpg" alt="">
                                </div>
                            </div>
                            <!--left right button-->
                            <div class="prev-button window-btn" id="prev">
                                <span class="glyphicon glyphicon-chevron-left"></span>
                            </div>
                            <div class="next-button window-btn" id="next">
                                <span class="glyphicon glyphicon-chevron-right"></span>
                            </div>
                        </div>
                    </div>
                    <div class="focus-pic-small">                  
                        <img src="../img/test.jpg" alt="">
                        <img src="../img/test.jpg" alt="">
                        <img src="../img/test.jpg" alt="">
                    </div>
                </div>
                <div class="word-info">
                    <div class="word-title">
                        <span class="fl word-title-span" id="wordTitle-1"><b>宝贝介绍</b></span>
                        <span class="fl word-title-span word-title-active" id="wordTitle-2"><b>留言<label>0</label></b></span>
                    </div>
                    <section class="word-section">
                        <div class="word-section-info">
                            <h4><b>宝贝介绍</b></h4>
                            <div>
                                不议价了，感兴趣的话给我留言吧！
                            </div>
                        </div>
                        <div class="word-section-info">
                            <h4><b>留言</b></h4>
                            <div class="leave-message-list">
                                <div class="leave-msg">
                                    <div class="avatar">                                       
                                    </div>
                                    <div class="msg-word">
                                        <p><span>c***********9</span>好漂亮</p>
                                        <p>2016-11-23 12:45:17</p>
                                    </div>
                                </div>
                                <div class="leave-msg">
                                    <div class="avatar">                                       
                                    </div>
                                    <div class="msg-word">
                                        <p><span>c***********9</span>好漂亮</p>
                                        <p>2016-11-23 12:45:17</p>
                                    </div>
                                </div>
                                <div class="leave-msg">
                                    <div class="avatar">                                       
                                    </div>
                                    <div class="msg-word">
                                        <p><span>c***********9</span>好漂亮</p>
                                        <p>2016-11-23 12:45:17</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
            <div class="details-right fl">
                <div class="sell-info">
                    <h3><b>床围五件套 纯棉婴儿床上用品 </b></h3>
                    <p>
                        <span>转卖价:</span><label class="sell-info-worth">&yen;180</label>
                    </p>
                    <p>
                        <span>原价:<s>&yen;180</s></span>
                    </p>
                    <hr>
                    <p>
                        <span>成色:</span><span>非全新</span>
                    </p>
                    <p>
                        <span>所在地:</span><span>10B</span>
                    </p>
                    <p>
                        <span>联系方式:</span>
                    </p>
                    <button class="btn btn-primary  btn-lg">联系卖家</button><br>
                    <!--<button>分享<em>0</em></button>
                    <button>赞<em>0</em></button>-->
                </div>

                <div class="more-sell">
                    卖家的其他闲置 <a href="#">更多</a>
                </div>
            </div>
        </section>
    </section>

    <footer></footer>
</body>
</html>